<%@ page pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>Votre Panier</title>
        <link type="text/css" rel="stylesheet" href="<c:url value="/inc/style.css"/>" />
    </head>
    <body>
    	
    	<c:import url="/inc/menu.jsp" />
    	
        <div id="corps">
        <c:choose>
            <c:when test="${ empty sessionScope.commande }">
                <p class="erreur">Aucun produit enregistrée.</p>
            </c:when>
            
            <%-- Sinon, affichage du tableau. --%>
            <c:otherwise>
            <h3>Votre commande en cours:</h3>
            
            <%-- <c:import url="/adminClient/inc/inc_detail_produit.jsp" />--%>
			<table>
				<tr>
	               	<th>Numéro de commande</th>
	                <th>Nombre d'articles</th>
	                <th>Montant HT</th>
	                <th>Montant TTC</th>
	                <th>Date de commande</th>
	                <th>État</th>
	        	</tr>
				<tr>
	                <td><c:out value="${ sessionScope.commande.getNum() }"/></td>
	                <td><c:out value="${ sessionScope.commande.getLigneCommandes().size() }"/></td>
	                <td><c:out value="${ sessionScope.commande.calcTotalHT() }"/></td>
	                <td><c:out value="${ sessionScope.commande.calcTotalTTC() }"/></td>
	                <td><c:out value="${ sessionScope.commande.getDateCommande() }"/></td>
	                <td><c:out value="${ sessionScope.commande.getEtat().getDescription() }"/></td>
	       		</tr>
        	</table>
        	
        	<br />
        	
        	<table>
	        	<c:forEach items="${ sessionScope.commande.getLigneCommandes() }" var="mapLigneCommandes">
		            <tr>
		            	<th></th>
		            	<th>Nom</th>
		            	<th>Quantité</th>
		            	<th>Prix HT</th>
		            	<th>Supprimer</th>
		            </tr>
		            
					<tr class="pair">
	                	<td><c:out value="${ mapLigneCommandes.value.getId() }"/></td>
	                	<td><c:out value="${ mapLigneCommandes.value.getProduitCmd().getNom() }"/></td>
	                	<td><c:out value="${ mapLigneCommandes.value.getQteCmd() }"/></td>
	                	<td><c:out value="${ mapLigneCommandes.value.getProduitCmd().getPu() }"/></td>
	                	<td><a href="<c:url value="/adminClient/supprimerProduit">
	                    	<c:param name="prod" value="${ mapLigneCommandes.value.getId() }" /></c:url>">
	                    	<img src="<c:url value="/inc/supprimer.png"/>" alt="Supprimer" />
	                    </a></td>
	                </tr>
	                
	                <%-- Options. --%>
	           		<c:if test="${ !empty mapLigneCommandes.value.getProduitCmd().getOptionsCmd() }">
		                <tr>
		                	<th class="bold">Options</th>
		                	<th colspan="2">Nom</th>
		                	<th>Prix HT</th>
		                	<th></th>
		                </tr>
	               
	               		<c:forEach items="${ mapLigneCommandes.value.getProduitCmd().getOptionsCmd() }" var="mapOption">
			                <tr class="pair">
			                	<td></td>
			                	<td colspan="2"><c:out value="${ mapOption.value.getDescription() }"/></td>
			                	<td><c:out value="${ mapOption.value.calcPrixHT() }"/></td>
			                	<td></td>
			                </tr>
	                	</c:forEach>
	           		</c:if>
	            		
	                <%-- Accessoire. --%>
          			<c:if test="${ !empty mapLigneCommandes.value.getProduitCmd().getAccessoiresCmd() }">
		                <tr>
		                	<th class="bold">Accessoires</th>
		                	<th colspan="2">Nom</th>
		                	<th>Prix HT</th>
		                	<th></th>
		                </tr>
	               
						<c:forEach items="${ mapLigneCommandes.value.getProduitCmd().getAccessoiresCmd() }" var="mapAccessoire">
			                <tr class="pair">
			                	<td></td>
			                	<td colspan="2"><c:out value="${ mapAccessoire.value.getDescription() }"/></td>
			                	<td><c:out value="${ mapAccessoire.value.get_puA() }"/></td>
			                	<td></td>
			                </tr>
	                	</c:forEach>
	           		</c:if>
	
           		<tr class="impair">
	            	<td colspan="5"><br /></td>
	            </tr>
	            </c:forEach>
            
            </table>
            
       		<p class="valid"><a href="<c:url value="/adminClient/validerCommande" />">Valider Commande</a></p>

            </c:otherwise>
        </c:choose>
        
        </div>
    </body>
</html>